<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>客服问答</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/customer-service.css">
	<link rel="stylesheet" type="text/css" href="css/碳纤维汉真广标简体.ttf">
</head>
<body>
	<div class="customer_service">
		<!-- 导航 -->
		<div class="nav">
			<div class="kk_logo">
				<img src="img/index/kk_logo.png">
			</div>
			<nav>
				<a href="index.html"><span data-hover="首页">首页</span></a>
				<a href="kk-dynamic.html"><span data-hover="KK动态" style="width: 64px;">KK动态</span></a>
				<a href="game-introduce.html"><span data-hover="游戏介绍">游戏介绍</span></a>
				<a href="personal-account.html"><span data-hover="个人账号">个人账号</span></a>
				<a href="recharge-center.html"><span data-hover="充值中心">充值中心</span></a>
				<a href="customer-service.html" style="color: rgb(144,38,242)"><span data-hover="客服问答">客服问答</span></a>
			</nav>
		</div>
		<!-- 引入导航 -->
		<!-- <iframe src="nav.html" frameBorder=0 scrolling=no width="100%" height="70px" style="margin-top: 15px;" id="naviframe"></iframe> -->
		<!-- 分割线 -->
		<div style="height: 5px; background-color: #291D71"></div>
		<!-- 头部 -->
		<div class="top">
			<h1 class="title">
				<img src="img/customer-service/customer_service_title.png">
			</h1>
		</div>
		<!-- 在线客房 -->
		<div class="customer_online">
			<div class="left_input">
				<form>
					<textarea></textarea><br/>
					<textarea></textarea><br>
					<button class="btn cancel_btn"></button>
					<button class="btn send_btn"></button>
				</form>
			</div>
			<div class="right_pic">
				<img src="img/customer-service/customer_service_game_pic.png">
			</div>
		</div>
		<div class="customer_hotonline">
			<img src="img/customer-service/customer_service_customer_online.png">
		</div>
		<div class="self_help">
			<img src="img/customer-service/customer_service_self_help_question.png" class="title">
			<ul>
				<li>
					<p>
						<span>·</span>
						<span>账号问题</span>
					</p>
					<p>解答解答解答解答解答解答解答</p>
				</li>
				<li>
					<p>
						<span>·</span>
						<span>充值问题</span>
					</p>
					<p>解答解答解答解答解答解答解答</p>
				</li>
				<li>
					<p>
						<span>·</span>
						<span>游戏问题</span>
					</p>
					<p>解答解答解答解答解答解答解答</p>
				</li>
				<li>
					<p>
						<span>·</span>
						<span>兑换问题</span>
					</p>
					<p>解答解答解答解答解答解答解答</p>
				</li>
			</ul>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/customer_service.js"></script>
</html>